<template>
  <div>
    <el-collapse v-model="activeNames" @change="handleChange">
      <el-collapse-item  title="林伟强" name="1">
        <div>性别：男；就爱科技软件二班一部研发组长；</div>
        <div>工作岗位：cms项目用户端设计</div>
      </el-collapse-item>
      <el-collapse-item title="曾婷" name="2">
        <div>性别：女；年龄：18岁 就爱科技软件二班一部研发人员兼财务；</div>
        <div>工作岗位：cms项目管理端设计</div>
      </el-collapse-item>
      <el-collapse-item title="刘波" name="3">
        <div>性别：男； 就爱科技软件二班一部研发人员；</div>
        <div>工作岗位：cms项目后端api接口</div>
      </el-collapse-item>
      <el-collapse-item title="杨勇" name="4">
        <div>性别：男； 就爱科技软件二班一部研发人员；</div>
        <div>工作岗位：cms项目后端api接口</div>
      </el-collapse-item>
      <el-collapse-item title="潘金铎" name="5">
        <div>性别：男； 就爱科技软件二班一部研发人员；</div>
        <div>工作岗位：cms项目用户端设计</div>
      </el-collapse-item>
      <el-collapse-item title="林跃彬" name="6">
        <div>性别：男； 就爱科技软件二班一部研发人员；</div>
        <div>工作岗位：cms项目管理端设计</div>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>
<script>
export default {
  data () {
    return {
      activeNames: ['1']
    };
  },
  methods: {
    handleChange (val) {
      console.log(val);
    }
  }
}
</script>

<style scoped>

</style>